<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>故障维修详情</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../../../css/wx/mui.min.css">
		<link rel="stylesheet" href="../../../css/wx/app.css">
		<link rel="stylesheet" href="../../../css/wx/style.css" />
		<link rel="stylesheet" href="../../../css/wx/wx-iconfont.css" />
		<script type="text/javascript">
			var pageConfig = {
				jss: ["app/zsk/zsk-info"]
			};
		</script>
		<script data-main="../../../js/wx/public/config" src="../../../js/require.js"></script>
		<style>
			.mui-content {
				padding: 0;
			}

			.mui-scroll {
				padding-bottom: 20px;
			}

			.mui-scroll-wrapper {
				bottom: 60px;
			}

			.mui-input-row label ~ input, .mui-input-row label ~ select, .mui-input-row label ~ textarea {
				width: 64%;
			}

			.wf-customers-add .mui-input-group .mui-input-row label {
				width: 35%;
			}

			textarea{
				width: 64%;
				margin: 11px 4px 0 0;
				height: 80%;
				border: 0 !important;
			}

			span{
				width: 64%;
				font-size: 14px;
				padding: 0 0 0 0px;
				line-height: 37px;
			}
			.phone{
				position: relative;
				left: 320px;
				top: -40px;
			}

			.mui-icon-phone:before {
				content: '\e200';
				transform: rotate(270deg);
				position: absolute;
				right: 5rem;
				top: 0rem;
			}
			img {
				width: 100px;
				height: 100px;
				overflow: auto;
				position: relative;
				top: 0px;
			}

			.imgStyle{
				position: relative;
				bottom: -58px;
				left: 145px;
				height: 200px;
			}
		</style>

	</head>

	<body>
	<div id="content" class="mui-content mui-fullscreen">
		<div class="mui-scroll-wrapper" style="bottom: 0px">
			<div class="mui-scroll">
				<form class="mui-input-group">
					<div class="mui-input-row">
						<label>故障分类说明</label>
						<span>{{MMRZ001_NAME}}</span>
					</div>
					<div class="mui-input-row">
						<label>故障码</label>
						<span>{{MMRZ001}}</span>
					</div>
					<div class="mui-input-row" style="height: 100%">
						<label>故障描述</label>
						<div class="wf-imageUpdate">
							<div class="tackPoto">
								<div class="div-autoline-boxDiv">
									<div style="font-size: 14px;padding-left: 2px;">{{MMRZ002}}</div>
								</div>
							</div>
						</div>
					</div>

					<div class="mui-input-row" style="height: 100%;">
						<label>故障图片</label>
<!--						<div v-for="(img,inx) in imgs" class="child imgStyle" >-->
<!--&lt;!&ndash;							<img :src="img.img|goodsImgsUtils">&ndash;&gt;-->
<!--							<img :src="img.img">-->
<!--						</div>-->
						<div class="wf-imageUpdate">
							<div class="tackPoto">
								<div class="div-autoline-boxDiv">
									<template v-for="(img,inx) in imgs">
										<div class="div-autoline-parent" @tap.stop="preview(inx)">
											<img :src="img.src">
										</div>
									</template>
								</div>
							</div>
						</div>
					</div>

					<div class="mui-input-row"  style="height: 100%">
						<label>处理方案</label>
						<div class="wf-imageUpdate">
							<div class="tackPoto">
								<div class="div-autoline-boxDiv">
									<div style="font-size: 14px;padding-left: 2px;">{{MMRZ004}}</div>
								</div>
							</div>
						</div>
					</div>
					<div class="mui-input-row">
						<label>技术支持</label>
						<span>{{MMRZ006_NAME}}   {{MMRZ007}}</span>
						<a @tap.stop="call(MMRZ007)" id="icon-phone" class="phone"><span class="mui-icon mui-icon-phone mui-active" style="font-size: 38px;"></span></a>
					</div>
				</form>
			</div>
		</div>
	</div>

	</body>

</html>